@charset "utf-8";
/* CSS Document */
/* 总容器 container */
#container {
    border: 0px;
    padding: 0px;
    width: 765px;
    height: auto;
    margin: 0px auto;
}

/* 回到顶部 */
#backtop {
    position: fixed;
    bottom: 0px;
    right: 0px;
}

/* 回到顶部样式 */
#backtop a {
    width: 60px;
    display: block;
    text-align: center;
    font-size: 11px;
    text-transform: uppercase;
    text-decoration: none;
    color: #bbb;
    /* 背景颜色过渡 */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#backtop a:hover {
    color: #000;
}

/* 回到顶部按钮(span) */
#backtop span {
    width: 60px;
    height: 60px;
    display: block;
    margin-bottom: 7px;
    background: #C1E6F5 url(../images/up-arrow.png) no-repeat center center;
    /* 圆角 */
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    /* 背景颜色过渡 */
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}

#backtop a:hover span {
    background-color: #B8DDEB;
}

/* 上面topDIV */
#top {
    width: 765px;
    height: 80px;
    position: relative;
}

/* top部分的LogoDIV */
#topLogo {
    width: 200px;
    height: 80px;
}

/* topLogo部分的icoDIV */
#topLogoIco {
    width: 72px;
    height: 72px;
    margin-top: 4px;
    float: left;
}

/* topLogo部分的wordDIV */
#topLogoWord {
    width: 128px;
    height: 60px;
    float: left;
    margin-top: 12px;
}

/* topLogo下的img */
#topLogo img {
    border: none;
}

/* top部分的文字导航 */
#topWordMenu {
    width: 330px;
    height: 30px;
    position: absolute;
    top: 33px;
    left: 530px;
}

/* top部分的ul */
#topWordMenu ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

/* top部分的li */
#topWordMenu ul li {
    display: inline;
    /*float:left;*/
    margin: 0px 8px;
}

/* top部分的文字链接 */
#topWordMenu a:link {
    text-decoration: none;
}

#topWordMenu a:visited {
    text-decoration: none;
}

#topWordMenu a:hover {
    color: #FFF;
    text-decoration: none;
}

/* 内容总容器 mainDIV */
#main {
    border: 0px;
    padding: 0px;
    margin: 0px auto;
    width: 765px;
    height: auto;
}

/* 左侧mainBannerDIV */
#mainBanner {
    border: 0px;
    padding: 0px;
    margin: 0px;
    height: auto;
    width: 565px;
    float: left;
    background-color: #FFF;
    padding-bottom: 10px;
}

#mainBannerTop {
    width: 562px;
    height: 217px;
    padding: 0px;
    margin: 0px;
    position: relative;
    background-color: #FFF;
}

/*mainBannerTopImg 头像*/
#mainBannerTopImg {
    width: 95px;
    height: 97px;
    position: absolute;
    left: 25px;
    top: 24px;
    background-image: url(../images/people1.gif);
}

/*mainBannerTopWord 文字*/
#mainBannerTopWord {
    width: 200px;
    height: 37px;
    margin: 0px;
    padding: 0px;
    position: absolute;
    left: 130px;
    top: 52px;
    line-height: 18px;
}

/*mainBannerMenu提示框*/
#mainBannerMenu {
    width: 562px;
    height: 58px;
    padding: 0px;
    margin: 0px;
    position: relative;
}

/*确定字的位置*/
#mainBannerMenuTop {
    width: 520px;
    height: 38px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 20px;
    top: 18px;
    border: #999 1px;
    border-style: solid;
    background-color: #e4f5fd;
}

/*第一个文字*/
#mainBannerMenuTopWord1 {
    width: 60px;
    height: 17px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 16px;
}

/*第二个文字*/
#mainBannerMenuTopWord2 {
    width: 58px;
    height: 18px;
    padding: 0px;
    margin: 0px;
    position: absolute;
    top: 8px;
    left: 459px;
    font-size: 13px;
}

/*不同人的微博内容*/
#mainBannerContent {
    width: 480px;
    height: auto;
    margin: 0px auto;
    margin-top: 10px;
    border-top: 1px #dddddd solid;
    position: relative;
}

/* 状态DIV设置 */
#mainBannerContent .stateShow {
    width: 480px;
    height: auto;
    padding-top: 5px;
    margin: 0px auto;
    border-bottom: 1px #ccc dotted;
    padding-bottom: 5px;
}

/* 回复DIV设置 */
#mainBannerContent .stateRshow {
    width: 410px;
    height: auto;
    padding-top: 5px;
    margin: 0px auto;
    border-bottom: 1px #ccc dotted;
    padding-bottom: 5px;
}

/* 状态展示中的头像设置 */
#mainBannerContent img {
    margin-top: 3px;
    border: 2px solid #ccc;
}

/* 状态展示里面的图片显示 */

/* 状态展示时间框设置 */
#mainBannerContent .stateShowtime {
    margin-top: 5px;
    color: #999999;
    margin-left: 70px;
    display: inline;
}

/* 回复框时间提示 */
#mainBannerContent .stateRshowtime {
    margin-top: 5px;
    color: #999999;
    margin-left: 70px;
    display: inline;
}

/* 每个状态的回复窗口 */
#mainBannerContent .huifu {
    width: 410px;
    margin-left: 70px;
    padding-top: 2px;
    border-top: 1px #dddddd dotted;
}

/* 限定table里面的长数字或者英文自动换行 */
#mainBannerContent .stateTable {
    table-layout: fixed;
    word-wrap: break-word;
}

/* 状态展示中文字部分 */
#mainBannerContent .stateShowWord {
    width: 450px;
}

/* 状态展示中的回复部分 */
#mainBannerContent .stateRshowWord {
    width: 380px;
}

/* 回复状态里面的图片设置 */
#mainBannerContent .stateRshowWord img {
    border: none;
}

/* 状态里面的图片设置 */
#mainBannerContent .stateShowWord img {
    border: none;
}

/* 状态里面的图片DIV  */
#mainBannerContent .stateImgShow {
    padding-left: 70px;
}

/*  状态回复里面的图片DIV */
#mainBannerContent .stateRimgShow {
    padding-left: 70px;
}

/* 状态里面的操作DIV */
#mainBannerContent .stateOp {
    float: right;
    text-align: right;
    color: #969696;
}

/* 状态里面的操作链接 */
.stateOp a {
    margin: 0px 10px;
    cursor: hand;
}

a.opState:link {
    color: #969696;
    text-decoration: none;
}

a.opState:visited {
    color: #969696;
    text-decoration: none;
}

a.opState:hover {
    color: #fe7b36;
    text-decoration: underline;
}

a.opDone:link {
    color: #fe7b36;
    text-decoration: none;
}

a.opDone:visited {
    color: #fe7b36;
    text-decoration: none;
}

a.opDone:hover {
    color: #969696;
    text-decoration: underline;
}

/* 回复栏DIV样式 */
.textright {
    float: right;
    width: auto;
    height: auto;
}

span.f1 {
    font-size: 14px;
    color: #005DC3;
    font-weight: 700;
    text-decoration: none;
}

span.f2 {
    font-size: 14px;
    color: #000;
}

span.f3 {
    font-size: 12px;
    color: #999999;
}

/* 微博个人小图像 mainBannerContent2People1Img DIV */
#mainBannerContent2PeopleImg {
    width: 54px;
    height: 54px;
    margin-top: 8px;
    margin-left: opx;
    float: left;
}

#pic {
    margin-left: 0px;
    margin-top: 0px;
}

/* 个人的微博容器 DIV */
#mainBannerContent2People {
    width: 522px;
    height: auto;
    padding: 0px;
    margin: 0px 0px 2px 0px;
    border-bottom: dashed 1px #DDDDDD;
}

/* 第一个人微博 mainBannerContent2PeopleWord DIV  */
#mainBannerContent2PeopleWord {
    margin-left: 64px;
    margin-top: 8px;
    padding-top: 8px;
    width: 458px;
    height: auto;
}

span.f4 {
    color: #F00;
    font-size: 14px;
}

/*查看回复的类*/
a .a2:link {
    text-decoration: none;
    color: #999999;
}

/*微博回复栏 */
#mainBannerContent2PeopleWordBack {
    width: 395px;
    height: auto;
    margin-left: 45px;
    border: 1px #ccc solid;
    padding-left: 5px;
}

/* 右侧mainRightDiv */
#mainRight {
    padding: 0px;
    margin: 0px;
    border: 0px;
    width: 200px;
    height: auto; /*617px;*/
    float: right;
    background-color: #E9F4FA;
    padding-bottom: 10px;
}

#mainRight1 {
    border: 0px;
    padding: 0px;
    margin: 0px;
    width: 200px;
    height: auto; /*617px;*/
    position: relative;
}

/* 右侧内部第一行容器 mainRightPostionFirstLine DIV */
#mainRightPostionFirstLine {
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: auto;/*117px;*/
    background-color: #E9F4FA;
    position: absolute;
    left: 0px;
    top: 0px;
    border-bottom: 1px solid #A6D3E3;
}

/* 右侧第一行图标 mainRightFirstLineIcon DIV*/
#mainRightPostionFirstLineIcon {
    width: 48px;
    padding: 0px;
    margin-top: 10px;
    margin-left: 15px;
    border: 0px;
    height: 48px;
    float: left;
}

/* 右侧第一行标题 mainRightFirstLineWord1 DIV*/
#mainRightPostionFirstLineWord1 {
    width: 120px;
    height: 40px;
    margin-left: 75px;
    margin-top: 16px;
    border: 0px;
    padding: 0px;
}

/* 右侧第一行标题 mainRightFirstLineWord2 DIV*/
#mainRightPostionFirstLineWord2 {
    width: 180px;
    height: 40px;
    margin-left: 0px;
    margin-top: 16px;
    border: 0px;
    padding: 0px;
}

/*  mainRightFirstLineWord2 ul格式 */
#mainRightPostionFirstLineWord2 ul {
    height: 40px;
    width: 180px;
    list-style: none;
    margin: 0px;
    padding: 0px;
}

/*  mainRightFirstLineWord2 li格式 */
#mainRightPostionFirstLineWord2 ul li {
    margin: 0px 15px;
    float: left;
}

#textfield1 {
    width: 120px;
    height: 20px;
}

/* 右侧第四行 ul 样式 */
#ul2 {
    list-style: none;
    margin: 0px;
    padding-left: 15px;

}

/* 右侧内部第五行容器 mainRightPostionFifthLine DIV */
#mainRightPostionFifthLine {
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    height: auto;/*44px;*/
    background-color: #E9F4FA;
    position: absolute;
    left: 0px;
    top: 118px;
    border-bottom: 1px solid #A6D3E3;
}

#mainRightPositionFifthLineContent {
    margin-top: 10px;
    margin-left: 15px;

}

/* 右侧内部第六行容器 mainRightPostionSixthLine DIV */
#mainRightPostionSixthLine {
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 163px;
    height: auto;/*174px;*/
    background-color: #E9F4FA;
    border-bottom: 1px solid #A6D3E3;
}

#mainRightPositionSixthLineContent {
    margin-top: 10px;
    margin-left: 15px;
}

#mainRightPostionSixthLine ul {
    list-style: none;
    padding: 0px;
    margin: 10px 0px 0px 10px;
}

#mainRightPostionSixthLine ul li {
    float: left;
    margin: 0px 5px;
}

/* 右侧内部第七行容器 mainRightPostionSeventhLine DIV */

#mainRightPostionSeventhLine {
    width: 200px;
    padding: 0px;
    margin: 0px;
    border: 0px;
    position: absolute;
    left: 0px;
    top: 338px;
    height: auto;
    background-color: #E9F4FA;
}

#mainRightPositionSevenLineContent {
    padding: 0px;
    border: 0px;
    height: auto;
    width: 170px;
    margin-top: 10px;
    margin-left: 15px;
}

.a1 {
    text-decoration: none;
}

/* 超链接无下划线颜色为#999999 */
.a3 {
    text-decoration: none;
    color: #999999;
}

/*  Word字体格式1 */
span.style1 {
    font-weight: 700;
    color: #555555;
    font-size: 16px;
}

/*  Word字体格式2 */
span.style2 {
    color: #005DC3;
}

/*  Word字体格式3 */
span.style4 {
    color: #000;
    font-size: 14px;
}

hr.h1 {
    border-top: 1px dashed #79BDD1;
    height: 1px;
    border-bottom-style: none;
}

/* 回复/转发DIV 样式 */
#recieve,#forward {
    visibility: hidden;
    background-attachment: scroll;
    width: 540px;
    height: 195px;
    position: absolute;
    z-index: 2;
    background-color: #474747;
    color: #000000;
    top: 52px;
    left: -31px;
}

/* 回复DIV */
#ff1,#ff2 {
    margin-top: 10px;
    margin-left: 5px;
}

/* 白色区域 */
#wt1,#wt2 {
    height: 120px;
    width: 528px;
    margin-top: 41px;
    margin-left: 6px;
    margin-bottom: 11px;
    background-color: #FEFEFE;
}

/* 回复输入框样式 */
#ta1,#ta2 {
    text-align: left;
    margin-left: 50px;
    margin-top: 14px;
    width: 450px;
    height: 60px;
}

/* 提交按钮 */
#sub1,#sub2 {
    border: 0px;
    background-color: #1A90CE;
    width: 80px;
    height: 33px;
    border-right: 1px solid #196DC8;

}


/* footer部分*/
#footer {
    width: 765px;
    height: 50px;
    margin: 0px auto;
    background-color: #C1E6F5;
	clear: both;
}

/* footer链接部分*/
#footerLink {
    width: 600px;
    height: 30px;
    margin: 0px auto;
    position: relative;
    line-height: 30px;
    color: #444444;
}

/* footer部分的链接 */
#footerLink ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

#footerLink li {
    /*float:left;*/
    display: inline;
    margin: 0px 10px;
}

/* footer部分的版权信息 */
#footerCopy {
    width: 250px;
    height: 20px;
    color: #444444;
    line-height: 20px;
    margin: 0px auto;
    text-align: center;
}

.a2 {
    color: #444444;
    text-decoration: none;
}